<!-- 定义容器背景组件的模板 -->
<template>
    <!-- 容器背景的根元素，使用 container-bg 类 -->
    <div class="container-bg">
        <!-- 插槽，用于插入子组件或内容 -->
        <slot></slot>
    </div>
</template>

<!-- 组件的脚本部分，使用 TypeScript -->
<script lang="ts" setup>
// 此处暂无逻辑代码
</script>

<!-- 组件的样式部分，使用 SCSS 并作用于当前组件 -->
<style lang="scss" scoped>
/**
 * 容器背景样式
 * 设置相对定位，半透明白色背景，边距、内边距和圆角，溢出内容隐藏
 */
.container-bg {
    position: relative;
    background: rgba(255, 255, 255, 0.15);
    margin: 5px;
    padding: 8px;
    border-radius: 8px;
    overflow: hidden;
}
</style>
